<template>
    <div>
        <el-tabs tab-position="left" :stretch="true" style="height: calc(100vw); ">
            <el-tab-pane label="流量任务">
                <liuliang></liuliang>
            </el-tab-pane>
            <el-tab-pane label="收藏任务">
                <shangcang></shangcang>
            </el-tab-pane>
            <el-tab-pane label="加购任务">
                <jiagou></jiagou>
            </el-tab-pane>
            <el-tab-pane label="京东直播">
                <zhibou></zhibou>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
  import liuliang from './task/liuliang'
  import shangcang from './task/shangcang'
  import jiagou from './task/jiagou'
  import zhibou from './task/zhibou'

  export default {
    components: {
      liuliang,
      shangcang,
      jiagou,
      zhibou
    },
    methods: {}
  }

</script>
<style>
    ::-webkit-scrollbar { /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
    }

    ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #66b1ff;
    }

    ::-webkit-scrollbar-track { /*滚动条里面轨道*/
    / / -webkit-box-shadow: inset 0 0 5 px rgba(0, 0, 0, 0.2);
        border-radius: 0;
    / / background: rgba(0, 0, 0, 0.1);
    }
</style>
